
/*  reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,button,blockquote,th,td{}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol li, ul li{list-style:none;}
caption,th{text-align:center;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; *font-size:100%;}
img{ border:0px;}
.gray{background:#a0a0a0;}
.t0{top:0px;}
.r0{right:0px;}
.l0{left:0px;}
.b0{bottom:0px;}
.nobd{border:0px;}
.white{background:#fff;}
.transpar{background:transparent;}
.of_h{overflow:hidden;}
.of_x_auto{overflow:auto;white-space:nowrap;}
.of_y_auto{overflow:auto;}
.lht{line-height:32px;}

/*  border  */
.nobd{border:0px;}
.nobd_r{border-right:0px;}
.nobd_l{border-left:0px;}
.nobd_t{border-top:0px;}
.nobd_b{border-bottom:0px;}

/*  text  */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weght:normal;}
.t2{text-indent:2em;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no_unl{ text-decoration:none;}   
.inblck{display:inline-block;}                                                                                                                                                      

/*  position  */
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.mar_auto{margin:auto;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{float:left; display:inline-block;}
.fr{float:right; display:inline-block;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clrfix:after{clear:both;content:".";display:block; height:0; visibility:hidden;}
.clrfix{ z-index:1;}
.hide{ visibility:hidden; }
.none{ display:none; }
.vm{ vertical-align:middle; }
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.zoom{ zoom:1; }

/*  width long height  */
.w{ width:100%; }
.w10{ width:10px; }
.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.w60{ width:60px; }
.w70{ width:70px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w120{ width:120px; }
.w128{ width:128px; }
.w150{ width:150px; }
.w160{ width:160px; }
.w180{ width:180px; }
.w190{ width:190px; }
.w200{ width:200px; }
.w220{ width:220px; }
.w250{ width:250px; }
.w251{ width:120px; }
.w280{ width:260px; }
.w290{ width:290px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w500{ width:500px; }
.w560{ width:520px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.wb70{ width:70%;}
.wb80{ width:80%;}
.wb90{ width:90%;}

.h50{ height:50px;}
.h80{ height:80px;}
.h95{ height:95px;}
.h100{ height:100px;}
.h200{ height:200px;}
.h400{height:400px;}
.h_canvas{height:685px; width:100%}
.h{ height:100%; }
.m_h150{min-height:150px;}

/*   margin    */
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m30{ margin:30px;}

.mt2{ margin-top:2px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml63{ margin-left:63px;}
.ml100{ margin-left:100px;}
.ml150{ margin-left:150px;}
.ml320{ margin-left:320px;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}

/*  padding  */
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}

.pr5{ padding-right:5px;}
.pr8{ padding-right:8px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

.pl5{ padding-left:5px; }
.pl8{ padding-left:8px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl30{ padding-left:30px; }
.pl50{ padding-left:50px; }
.pl100{ padding-left:100px; }